<script setup lang="tsx">
import { getLocalIcons } from '@/utils/icon';
import SvgIcon from '@/components/custom/svg-icon.vue';

const localIcons = getLocalIcons();
</script>

<template>
  <div class="p-16px">
    <NGrid x-gap="16" y-gap="16" :cols="6">
      <NGi v-for="item in localIcons" :key="item">
        <div class="h-full flex-col-center gap-y-12px rounded-8px bg-white p-12px">
          <SvgIcon :local-icon="item" class="text-42px" />
          <span>{{ item }}</span>
        </div>
      </NGi>
    </NGrid>
  </div>
</template>

<style lang="scss" scoped></style>
